{% extends 'core/clean.html' %}
{% load comp_filters %}
{% block css_link %}
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/search.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/element.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/nav.css" type="text/css" media="all" charset="utf-8"/>
{% endblock %}

{% block js_link %}
  <!-- YUI Components --> 
  <script type="text/javascript" charset="utf-8" src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>

  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/js/mesh.js"></script>
  <script type="text/javascript" src="/js/histogram.js"></script>
  <!-- Project Components -->

  <script type="text/javascript" src="/js/dialog.js"></script>
  <script type="text/javascript" src="/js/comps.js"></script>
  <script type="text/javascript" src="/js/ele.js"></script>
  <script type="text/javascript" src="/js/surburb.js"></script>
  <script type="text/javascript" src="/js/search.js"></script>
{% endblock %}

{% block title %}Sydney Menu{% endblock %}

{% block nav %}
    <div id="title-bar">
      <div class="nav">
        <div class="brand">
          <a href="/search/"><img src="/res/auadult.png" width="" height="30px"/></a>
        </div>
        <div class="nav-button-tray">
          <a class="nav-button" href="/search/">Homepage</a>
          <a class="nav-button" href="/map/">Map</a>
          <a class="nav-button" href="/forum/">Forum</a>
          <a class="nav-button" href="/mark/">Recommendation</a>
          <a class="nav-button" onclick="zoyoe.admin.ShowAboutUsDialog()">About Us</a>
          {% if user.is_authenticated %}
          <div class="nav-button" id="nav-button-welcome">
            Welcome <span style="text-transform:uppercase">{{user.username}}</span> <img src="/res/welcome_arrow.png"></img>
            <div id="nav-welcome">
              <ul>
                <li><a onclick ="zoyoe.admin.ShowAddServiceDialog()">Quick Publish</a></li>
                <li><a>Edit Profile</a></li>
                <li id="nav-welcome-separate"></li>
                <li onclick ="zoyoe.admin.Logout()">Logout</li>
              </ul>
            </div>
          </div>
          {% else %}
          <a class="nav-button" onclick ="zoyoe.admin.ShowLoginDialog()">Login</a>
          <a class="nav-button" onclick ="zoyoe.admin.ShowRegisterDialog()">Register</a>
          {% endif %}
        </div>
      </div>
    </div>
{% endblock %}
 

{% block content %}
    <div id="banner-img">
      <img src="/res/banner_1.png" alt=""></img>
    </div>
    <form id="search">
      <div id="search-container">
        <div id="main-search-bar">
          <div class="invalid-hint">Invalid Query String</div>
          {{"AutoComplete"|auto_complete|style:"left:6px;bottom:1px;height:39px;padding:0 40px 0 0;width:740px;"|render|safe}}
        </div>
        <div id="search-btn"><a id='search-button' onclick="zoyoe.search.PreSearch()">Search</a></div>
        <p class="clear"></p>
        <div id="filter-container">
          <a class='filter-button'>Brothel</a>
          <a class='filter-button'>Escort</a>
          <a class='filter-button'>Massage</a>
          <p class="clear"></p>
        </div>
      </div>
    </form>
    <div id="map-container">
      <p>Find 100 Results</p>
      <div id="map-div">
      </div>
      <div id="select-div">
        <h1>SELECT</h1>
        <div class="drop-list">
          <div class="label">
            Nationality
          </div>
          {{"nationality"|combo|style:"width:180px;"|addfield:"Asia"|addfield:"Caucasion"|addfield:"European"|addfield:"South American"|render|safe}}
          <div class="label">
            Radius 
          </div>
          {% select %}{"name":"radius","style":"width:180px;","fields":["&lt; 5km","&lt; 10km","&lt; 20km"],"default":"&lt; 5km"}{% endselect %}
          <div class="label">
            Price Range
          </div>
          {% select %}{"name":"max","style":"width:180px;","fields":["Any","30 - 150","150 - 300","300+"],"default":"Any"}{% endselect %}
        </div>
      </div>
      <p class="clear"></p>
    </div>
    <div class="foot">
      <div id="contact">
        <p>Contact 9262 7900 / <a href="mailto:acnwco@gmail.com">info@adultsservice.com.au</a> to advertise here</p>
      </div>
      <div id="copyright">
        <p>&copy; 2011 <a href="http://www.adultsservice.com.au/">Adults Service</a> All Rights Reserved</p>
      </div>
      <p class="clear"></p>
    </div>
{% endblock %}


{% block tail %}
  <div id='zsk' class='msk'>
  </div>
{% endblock %}
